<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>语义化页面</title>
  </head>
  <body>
    <!-- h1 一般都是用于给 logo或者大标题来使用 -->
    <h1>HTML 的标签和段落</h1>
    <p>
      段落标签是 p 标签，段落标签的作用是定义段落，段落标签的内容是段落的文字。
    </p>
    <h2>实现结构层级</h2>
    <p>
      标题标签是 h1~h6 标签，标题标签的作用是定义标题，标题标签的内容是标题的文字。
    </p>
    <h3>标题的作用</h3>
    <p>
      标题标签的作用是定义标题，标题标签的内容是标题的文字。标题标签的作用是定义标题，标题标签的内容是标题的文字。
    </p>
    <h4>段落的作用</h4>
    <p>
      段落标签的作用是定义段落，段落标签的内容是段落的文字。段落标签的作用是定义段落，段落标签的内容是段落的文字。
    </p>
    <h5>列表的作用</h5>
    <p>
      列表标签是 ul 标签和 ol 标签，列表标签的作用是定义列表，列表标签的内容是列表的文字。
    </p>
  </body>
</html>
